body {margin: 0px; padding: 0px; overflow: hidden;}
::-webkit-scrollbar{width: 12px; height: 12px;}
::-webkit-scrollbar-track-piece{background-color: rgba(160, 160, 160, 0.1); border-radius: 3px;}
::-webkit-scrollbar-thumb{background-color: rgba(180, 180, 180, 0.4); border-radius: 12px; background-clip: padding-box; border:1px solid rgba(180, 180, 180, 0.6); min-height: 28px;}
::-webkit-scrollbar-thumb:hover{background-color: rgba(180, 180, 180, 0.4); border: 1px solid rgba(180, 180, 180, 0.7);}

div.editor{margin: 0px; width: 100%;  border-top: 1px solid #666666;}
div.editor-title-bar{position: relative; clear: both; height: 30px; background-color: #f8f8f8; cursor: default; -moz-user-select:none; -webkit-user-select:none; user-select:none;}
div.editor-title-bar span.icon{float: left; margin-left: 4px; width: 24px; height: 30px; display: inline-block;}
div.editor-title-bar span.icon img{max-width: 18px; max-height: 18px; border: none; vertical-align: middle;}
div.editor-title-bar h4{float: left; margin: 0px; padding: 0px; height: 30px; line-height: 30px; text-align: left; font-size: 13px; font-weight: normal; color: #666666;}

/* tab-bar */
div.tab-bar{width: 100%; height: 24px; border-top: 1px solid #666666; background-color: #333333;}
div.tab-bar div.tab-line{float: left; margin: 4px 4px; height: 16px; border-left: 1px solid #666666; font-size: 0px;}
div.tab-bar div.tab-menu{float: left; width: 30px; height: 24px;}
div.tab-bar div.tab-label{float: left; margin: 0px; padding: 0px 16px; height: 24px; line-height: 24px; border-right: 1px solid #3f3f3f; background-color: #333333; font-size: 13px; text-align: center; color: #eeeeee; cursor: default;}
div.tab-bar div.tab-label:hover{background-color: #666666;}

/* status-bar */
div.status-bar{height: 24px; background-color: #efefef;}
div.status-bar div.status-inf{float: right; padding-left: 4px; width: 200px; line-height: 24px; border-left: 1px solid #dddddd; font-size: 13px;}
